{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "privacy/base-protocol.html" %}

{% block page_title %}{{ ftl('privacy-principles-data-privacy-principles') }}{% endblock %}
{% block page_desc %}{{ ftl('privacy-principles-mozilla-is-an-open-source') }}{% endblock %}

{% block body_id %}privacy-principles{% endblock %}
{% block body_class %}mzp-t-mozilla{% endblock %}

{% block article %}
  <header>
    <h1 class="mzp-c-article-title" itemprop="name">{{ self.page_title() }}</h1>
    <p itemprop="description">
      {{ ftl('privacy-principles-the-following-five-principles', link=url('mozorg.about.manifesto')) }}
    </p>
    <ul class="mzp-u-list-styled">
      <li>{{ ftl('privacy-principles-develop-our-products') }}</li>
      <li>{{ ftl('privacy-principles-manage-user-data-we-collect') }}</li>
      <li>{{ ftl('privacy-principles-select-and-interact-with') }}</li>
      <li>{{ ftl('privacy-principles-shape-our-public-policy') }}</li>
    </ul>
  </header>
  <div itemprop="articleBody" class="mzp-c-article">
    <ol class="mzp-u-list-styled">
      <li>
        <h2>{{ ftl('privacy-principles-no-surprises') }}</h2>
        <p>
          {{ ftl('privacy-principles-use-and-share-information') }}
        </p>
      </li>
      <li>
        <h2>{{ ftl('privacy-principles-user-control') }}</h2>
        <p>
          {{ ftl('privacy-principles-develop-products-and') }}
        </p>
      </li>
      <li>
        <h2>{{ ftl('privacy-principles-limited-data') }}</h2>
        <p>
          {{ ftl('privacy-principles-collect-what-we-need') }}
        </p>
      </li>
      <li>
        <h2>{{ ftl('privacy-principles-sensible-settings') }}</h2>
        <p>
          {{ ftl('privacy-principles-design-for-a-thoughtful') }}
        </p>
      </li>
      <li>
        <h2>{{ ftl('privacy-principles-defense-in-depth') }}</h2>
        <p>
          {{ ftl('privacy-principles-maintain-multi-layered') }}
        </p>
      </li>
    </ol>
  </div>
{% endblock %}
